<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>猪八戒-绑定成功</title>
        <meta name="keywords" content="威客,兼职,创意">
        <meta content="width=device-width,initial-scale=0.5,user-scalable=no,target-densitydpi=medium-dpi" name="viewport">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <link href="./css/webApp.css" rel="stylesheet" type="text/css">
        <style>
        	html {
        		height: 100%;
        	}
            .bindedHeader {
                text-align: center;
                height:167px;
                margin-top: 96px;
                margin-bottom:55.57px; 
                padding-right: 14.83%;
                padding-left: 14.83%;
                background: url(img/title.png) no-repeat 24% 0;
            }
            .bindedH1 {
              	font:bold 3em/167px 'Microsoft Yahei';
                position: relative;
                left: 22%;
            }
            .bindedContent {
            	max-width: 640px;
            	margin: 0px auto;
            	text-align: center;
            }
            .bindedP{
                max-width: 600px;
                margin: 0px auto 1em auto;
                font-size: 30px;
                text-align: left;
            }
            .bindedButton {
                text-align: center;
            }
            .bindedButton button {
            	border-radius: 5px;
    			height: 60.212px;
    			line-height: 60.212px;
            	width: 200px;
            }
            body {
                background-color: #e8e8e8;
            }
        </style>
    </head>
    <body>
        <div id="warp" style="height: 850px">
            <div class="bindedPage">
                <div class="bindedContent" style="height: 850px;">
                    <header class="bindedHeader">
                        <h1 class='bindedH1'>绑定成功！</h1>
                    </header>
                    <section class="bindedForm">
                        <p class='bindedP'>
                            您已经成功绑定猪八戒账户“聪明的笨蛋聪明的笨蛋聪明的笨蛋聪明的笨蛋”,
                        </p>
                        <p class='bindedP'>
                            现在您可以用微信吼出您的需求啦。</p>
                        <div class="button bindedButton"><button>确定</button></div>
                    </section> 
                </div>
            </div>
        </div>
    </body>
</html>